<template>
    <div>
        <Collapse :description-column="3" :field-list="drillRoundtripDescritionFieldList" :data="data" />

    </div>
</template>
    
<script setup lang='ts'>
import _ from 'lodash';
import Collapse from '@/components/common/collapse/Collapse.vue'
import API from '@/network/api';
import { useRvo } from '@/hook/useRvo';


const drillRoundtripDescritionFieldList = reactive([
    // {
    //     name: "serialNumber",
    //     label: "编号",
    //     type: "TEXT"
    // },
    {
        name: "type",
        label: "试验类型",
        type: "TEXT"
    },
    {
        name: "topDepth",
        label: "试验顶深(m)",
        type: "TEXT"
    },
    {
        name: "bottomDepth",
        label: "试验底深(m)",
        type: "TEXT"
    },
    {
        name: "blowCount",
        label: "实验击数(次)",
        type: "TEXT"
    },
    {
        name: "totalBlowCount",
        label: "总击数(次)",
        type: "TEXT"
    },
    {
        name: "rodLength",
        label: "总杆长(m)",
        type: "TEXT"
    },
    {
        name: "image",
        label: "图片",
        type: "LONGIMAGE"
    },

])

const data = ref([])

const props = defineProps({
    drillHoleId: {
        type: String,
        default: ""
    }
})

onMounted(async () => {
    let listVo = useRvo().listRvo
    listVo.id = props.drillHoleId
    listVo.pageSize = 100;
    let res = await API.drillInsituTest.list(listVo);
    data.value = res.data.list
})


</script>
    
<style scoped lang="scss"></style>